* {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Microsoft YaHei",微软雅黑;
}
.box {
  width: 195px;
  height: 195px;
  background-color: #DEA681;
  border-radius: 50%;
  margin: 30px auto;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.lottery {
  width: 195px;
  height: 195px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background-color: #398000;
  box-shadow: 0 0 15px #000;
}
.block {
  box-shadow: 0 0 1px #000 inset;
  position: absolute;
  width: 98px;
  height: 98px;
  transform-origin: right bottom 0;
  -webkit-transform-origin: right bottom 0;
}
.block:nth-child(odd) {
  background-color: #F1AAA6;
}
.block:nth-child(even) {
  background-color: #FD5B78;
}
.block:nth-child(1) {
  transform: rotate(0deg) skewY(45deg);
}
.block:nth-child(2) {
  transform: rotate(45deg) skewY(45deg);
}
.block:nth-child(3) {
  transform: rotate(90deg) skewY(45deg);
}
.block:nth-child(4) {
  transform: rotate(135deg) skewY(45deg);
}
.block:nth-child(5) {
  transform: rotate(180deg) skewY(45deg);
}
.block:nth-child(6) {
  transform: rotate(225deg) skewY(45deg);
}
.block:nth-child(7) {
  transform: rotate(270deg) skewY(45deg);
}
.block:nth-child(8) {
  transform: rotate(315deg) skewY(45deg);
}
.content {
  width: 108px;
  height: 108px;
  transform-origin: center center 0;
  transform: skewY(-45deg) rotate(-22.5deg) translate(10px, 70px);
  -webkit-transform: skewY(-45deg) rotate(-22.5deg) translate(10px, 70px);
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
}
.content .img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.content .text {
  width: 100px;
  height: 50px;
  font-size: 20px;
  line-height: 32px;
  margin: 0 auto;
}
.content .none {
  width: 34px;
  height: 85px;
  margin: 6px auto;
  text-align: center;
  font-size: 21px;
  line-height: 110%;
  font-weight: bold;
}
.content img {
  width: 80px;
  height: 100px;
}
.btn-lottery {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  background-color: #9966CC;
  position: absolute;
  font-size: 16px;
  top: 85px;
  left: 88px;
  cursor: pointer;
  box-shadow: 0 0 14px #000 inset;
  color: #FFF;
}
.str {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 10px;
  left: 98px;
  border-top: 60px solid #9966CC;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}